<template>
    <div id='help'>
        <div>
            <div class='help-title'>关于借款信息发布</div>
            <div class='help-paragraph'>一、如何在有借发布求借款信息？</div>
            <div>1、点击借款页面的我要发布借款，输入金额、还款方式、还款日期/分期次数、年化利率、服务费、注明借款用途以及是否公开求解款，即可发布成功，您的平台联系人可在借款页面“正在借款”里看到您的借款信息，借款信息每次只能发布1条，有效时间3天，可以随时关闭借款。</div>
            <div>2、您还可以去出借页面查看联系人的出借内容，点击申请，输入借款金额、还款日期/分期次数、借款用途，并完善出借人要求的信用资料，即可提交申请，出借人会在3天内做出反馈。</div>
            <div class='help-paragraph'>二、使用安牛有借发布信息有什么限制？</div>
            <div>1.注册用户年龄必须年满18周岁。</div>
            <div>2.注册用户同一时间只能发起一个求借款。</div>
            <div class='help-paragraph'>三、如何保障发布信息者身份的真实有效？</div>
            <div>1.发布前需注册登录并经过银行卡实名认证。</div>
            <div>2.完善全部个人数据，提高个人平台诚信值。</div>
            <div>3.借款用途和补充说明提供诚实并且有说服力的借款理由和证据。</div>

            <div class='help-title'>关于出借信息发布</div>
            <div class='help-paragraph'>一、如何在有借发布出借信息？</div>
            <div>1.点击出借页面的我要发布出借，输入金额、借款时长范围、还款方式、年化利率、服务费以及最低额度、选择借款人必须提供的信用资料，添加补充说明注即可发布成功。您的平台联系人可在出借页面“正在出借”里看到您的出借信息。</div>
            <div>2、您还可以去借款页面查看联系人的出借请求，选择合适的借款内容和借款人，点击“联系TA“进行联系。</div>
            <div class='help-paragraph'>二、出借有什么限制？</div>
            <div>1.注册用户年龄必须年满18周岁。</div>
            <div class='help-paragraph'>三、如何保障发布信息者身份的真实有效？</div>
            <div>1.发布前需注册登录并经过银行卡实名认证。</div>
            <div>2.完善全部个人数据，提高个人平台诚信值。</div>
            <div>3.借款用途和补充说明提供诚实并且有说服力的借款理由和证据。</div>

            <div class='help-title'>电子合同</div>
            <div class='help-paragraph'>一、电子合同有法律效应吗？</div>
            <div>根据我国《合同法》及《电子签名法》认可了电子合同的有效性。《合同法》第十条、第十一条规定：“当事人订立合同，有书面形式、口头形式和其他形式。书面形式是指合同书、信件和数据电文（包括电报、电传、传真、电子数据交换和电子邮件）等可以有形地表现所载内容的形式。</div>
            <div>根据《电子签名法》第四、五、六条的规定：能够有形地表现所载内容，并可以随时调取查用的数据电文，视为符合法律、法规要求的书面形式。</div>

            <div class='help-title'>充值和提现</div>
            <div class='help-paragraph'>一、手续费如何收取？</div>
            <div>由平台直接扣除，剩余金额直接到达您的账户。</div>
            <div class='help-paragraph'>二、提现时间要多久？</div>
            <div>提现金额和银行卡状态正确无误的情况下，提现操作完成后，正常情况下2小时左右能达到您的银行卡账户，具体时间以银行入账时间为准。</div>
            <div class='help-paragraph'>三、提现失败怎么办？</div>
            <div>检查银行卡的状态，银行卡是否存在账户冻结、挂失、销户的情况。若提心失败，请勿担心，立即联系有借客服：0571-87098933。</div>

            <div class='help-title'>还款和逾期</div>
            <div class='help-paragraph'>一、逾期后平台如何保护借款人？</div>
            <div>1.有借平台为出借款人提供催收工具箱，包括借款人详细信息和紧急联系人信息以及最近联系方式。</div>
            <div>2.对逾期借款进行逾期罚息和逾期管理费收取。</div>
            <div>逾期罚息：</div>
            <div>以待还本息为基数，每日按年化利率24%计收罚息</div>
            <div>逾期管理费：</div>
            <div>基础管理费：逾期第一天起， (逾期本息+罚息)*0.1% /天</div>
            <div>特殊管理费：逾期第16天加收：(逾期本息+罚息+基础管理费)*5%/天</div>
            <div>特殊管理费：逾期第30天加收：(逾期本息+罚息+基础管理费)*10%/天</div>
            <div class='help-paragraph'>二、能否线下还款？</div>
            <div>只支持通过有借平台进行线上出借/借款。有借用户的一切的线下借款和还款，均与有借平台无关，有借平台不负任何法律责任。</div>
            <div>由于补借条功能是线下走款，平台不能监察，因此请在确定收到借款后再使用补借条功能，如因未收到借款而产生纠纷，均与有借平台无关，有借平台不负任何法律责任。</div>
            <div class='help-paragraph'>三、是否能提前还款？</div>
            <div>可以进行提前还款，但是利息仍按照整期计算，不会减少。</div>
            <div class='help-paragraph'>四、还款截止时间</div>
            <div>有借的还款截止时间为还款日的22：00，请在22：00前完成还款操作，否则产生相关逾期，有借概不负责。</div>

            <div class='help-title'>关于出借人的奖励</div>
            <div class='help-paragraph'>一、逾期管理费奖励规则</div>
            <div>逾期的订单，借款人全额还款后，平台将一定比例的逾期管理费奖励给出借人。</div>
            <div class='help-paragraph'>二、服务费奖励规则</div>
            <div>订单一旦生效，目前平台将一定比例的服务费奖励给出借人。</div>

            <div class='help-title'>诈骗和举报</div>
            <div class='help-paragraph'>一、何种情况可以举报？</div>
            <div>出借人威胁借款人人身安全或泄露借款人私密信息的行为。</div>
            <div class='help-paragraph'>二、如何举报？</div>
            <div>准备好相关证据，拨打有借平台举报热线：0571-87098933。</div>
            
        </div>
    </div>
</template>

<script>
    import { Promise } from 'es6-promise'
    import footerBar from '../components/FooterBar.vue'
    import selectGroup from '../components/SelectGroup.vue'
    import selectOption from '../components/SelectOption.vue'
    import radioGroup from '../components/RadioGroup.vue'
    import radio from '../components/Radio.vue'
    import checkBox from '../components/CheckBox.vue'
    import { getOS } from '../utils/utils'
    import  { mapGetters, mapActions }  from 'vuex'


    export default {
        components:{
            footerBar,
            selectGroup,
            selectOption,
            radioGroup,
            radio,
            checkBox
        },
        methods:{
            // actions
            ...mapActions([
                'showLoading',
                'hideLoading',
                'setMsgTip',
                'setMsgTipStyle',
                'setSessionId',
            ]),
            currentRouter(item){
                let routerArr = this.$route.matched
                let matchRouter = _.some(routerArr,['name',item.router])
                return matchRouter
            },
            goRouter(item,isSub){
                let thisRouter
                let routers = item.subRouters

                if(isSub === 'sub'){
                    if(this.$route.name == item) return
                    this.$router.push(item)
                    return
                }

                if(routers.length > 1){
                    item.opened = !item.opened
                    return
                }

                thisRouter = routers[0]
                if(this.$route.name == thisRouter.name) return
                this.$router.push(thisRouter)
            },
            goLogin(){
                this.setSessionId('')
                this.$router.push({
                    name:'login'
                })
            }
        },
        data() {
            return {
                isWeb:process.env.NODE_ENV == 'web',
                os:getOS(),
                placeholder:'--',
                showModal:false,
                selectBox:'大雨',
                radioBox:'123',
                checkBox:true,
                sideBarList:[[{
                    text:'用户',
                    router:'user',
                    opened:false,
                    subRouters:[{
                        name:'user-index'
                    }],
                    iconClass:'icon-user'
                },{
                    text:'订单',
                    router:'order',
                    opened:false,
                    subRouters:[{
                        name:'order-index'
                    }],
                    iconClass:'icon-evaluate'
                },{
                    text:'交易分析',
                    router:'transaction',
                    opened:false,
                    subRouters:[{
                        name:'transaction-analysis'
                    }],
                    iconClass:'icon-statistics'
                },{
                    text:'贷款导流',
                    router:'loan',
                    opened:true,
                    subRouters:[{
                        name:'loan-index',
                    }],
                    iconClass:'icon-finance'
                }]]
            }
        },
        computed:{
            ...mapGetters([
                'loading',
                'msgTip',
                'localInfo',
            ]),
            admin(){
                return this.localInfo.admin
            },
            sessionId(){
                return this.localInfo.sessionId
            },
            needLogin(){
                return this.localInfo.needLogin
            },
            routerAnimation(){
                return this.localInfo.routerAnimation
            },
            routerAnim(){
                if(this.os == 'Android'){
                    return ''
                }
                if(this.os != 'Android'){
                    return this.routerAnimation
                }
            },
            routerMode(){
                if(this.os == 'Android'){
                    return 'out-in'
                }
                if(this.os != 'Android'){
                    return ''
                }
            }
        },
        created(){
            // this.setMsgTipStyle({ top:'100px' })
        },
        watch: {
            'needLogin'(newVal,oldVal){
                if(newVal == oldVal) return
                if(newVal === true)
                this.$router.replace({
                    name:'login'
                })
            }
        }
    }
</script>

<style lang="scss">
    @import "../sass/variables";
    @import "../sass/extends";
    @import "../sass/mixins";

    #help{
        background-color: #fff;
        padding:16px;
        @extend %font-caption;
        text-indent:2em;
       .help-paragraph{
            @extend %font-body2;
            text-indent: 0;
            font-weight: normal;
            padding-top: 15px;
        }
        .help-title{
            @extend %font-title;
            font-weight: normal;
            text-align: center;
            padding-top: 35px;
            color:$importColor;
            text-indent: 0;
        }
    }
</style>
